﻿@font-face {
  font-family: "华康圆体W3";
  src: url("../../fonts/华康圆体w3.woff2") format("woff2"),
       url("../../fonts/华康圆体w3.woff") format("woff"),
       url("../../fonts/华康圆体w3.ttf") format("truetype"),
       url("../../fonts/华康圆体w3.eot") format("embedded-opentype"),
       url("../../fonts/华康圆体w3.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}


.tit{width:100%;height:auto;clear:both;text-align:left;}
.tit h1{width:100%;height:auto;clear:both;}
.tit h1 a{display:block;width:100%;text-align:left;font-size:2.3rem;color:#000;display:inline-table;letter-spacing:1px;font-weight:normal;}
.tit h2{width:100%;height:auto;clear:both;}
.tit h2 a{display:block;width:100%;text-align:left;font-size:1.4rem;color:#333;font-weight:normal;display:inline-table;line-height:2.6}

.tit2{width:100%;height:60px;position:relative;margin:0 auto;text-align: center;}
.tit2 h1{display:block;width:100%;height:auto;position:absolute;top:0px;}
.tit2 h1 a{color:#dddddd;font-size:4.8rem;letter-spacing: 2px;display: block;width: 100%;font-weight:bold;}
.tit2 h2{display:block;width:100%;height:auto;position:absolute;top:25px;}
.tit2 h2 a{color:#000;font-size:3.6rem;text-align:left;font-weight: normal;margin:0 4%;letter-spacing: 2px;}
.tit2 h2 a font{color:#0d4e9b;font-weight:bold;}
.tit2 h2 img{max-width:100%;height:auto;position:relative;top:-10px;}



.tit3{width:100%;height:60px;position:relative;margin:0 auto;text-align: center;}
.tit3 h1{display:block;width:100%;height:auto;position:absolute;top:0px;}
.tit3 h1 a{color:rgba(221,221,221,0.2) !important;font-size:4.8rem;letter-spacing: 2px;display: block;width: 100%;font-weight:bold;}
.tit3 h2{display:block;width:100%;height:auto;position:absolute;top:25px;}
.tit3 h2 a{color:#fff !important;font-size:3.6rem;text-align:left;font-weight: normal;margin:0 4%;letter-spacing: 2px;}
.tit3 h2 a font{color:#fff;font-weight:bold;}
.tit3 h2 img{max-width:100%;height:auto;position:relative;top:-10px;}



.more{width:165px;height:60px;background:#d4080b;position:relative;clear: both;float:left;margin-top:5rem;transition:all 0.8s;}
.more a{display:block;width:100%;height:100%;background:#0d4e9b;line-height:60px;color:#fff;font-size:1.5rem;letter-spacing:1px;position:absolute;left:-7px;top:-7px;text-align:center;transition:all 0.8s;line-height: 1.4;padding:5% 0%;}
.more:hover{background:#0d4e9b;transition:all 0.8s;}
.more:hover a{background:#d4080b;transition:all 0.8s;}
@media (max-width:990px){
.tit{width:100%;height:auto;clear:both;text-align:left;}
.tit h2{width:100%;height:auto;clear:both;}
.tit h2 a{display:block;width:100%;text-align:left;font-size:1.4rem;font-family:"华康圆体W3";color:#000;font-weight:normal;display:inline-table;}
.tit h1{width:100%;height:auto;clear:both;}
.tit h1 a{display:block;width:100%;text-align:left;font-size:2rem;color:#000;display:inline-table;letter-spacing:1px;}
.tit2 h2 img{display: none;}
.tit3 h2 img{display: none;}


}




.mm{width:100%;height:auto;clear:both;position:relative;padding:5rem 0rem;}


#toggle-menu{float:left;background-position:0 0;background-color:#e70608}
#toggle-search{float:right;width:35px !important;height:35px;background:url(../../images/search.png) no-repeat center top;border:none;margin-top:32px}
#toggle-search.open:after{top:40px}
#toggle-search:after{-moz-transition:top,0.5s;-o-transition:top,0.5s;-webkit-transition:top,0.5s;transition:top,0.5s;position:absolute;top:52px;left:40%}
#toggle-basket{position:relative;float:right}
#toggle-basket:before{position:absolute;top:5px;left:0;width:2px;height:40px;content:""}
#search-form{left:-120px;width:150%;-moz-transition:max-height,0.5s;-o-transition:max-height,0.5s;-webkit-transition:max-height,0.5s;transition:max-height,0.5s;position:absolute;top:80px;max-height:0;overflow:hidden;background-color:#fcfcfc;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 10px rgba(0,0,0,.6);box-shadow:0px 0px 10px rgba(0,0,0,.6)}
#search-form.open{max-height:40px}
#search-form fieldset{position:relative;margin:0 40px 0 0;padding:0;border:none}
#search-form input{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;font-size:1.2rem;width:100%}
#search-form input[type="search"]{width:100%;padding:0 5px 0 22px;background:transparent;border:none}
#search-form input[type="submit"]{position:absolute;bottom:0;right:0;width:60px;margin:0;padding:0;font-weight:700;text-transform:uppercase;color:#fff;background:#e70608;border:none;cursor:pointer;font-size:1.4rem}
@media (max-width:768px) {
    #container {
        width: 100%;
        padding: 10px
    }
    .tit2 h2 a {
        font-size: 2.2rem;
    }
    .tit3 h2 a {
        font-size: 2.2rem;
    }
    .mid ul li .img {
        width: 100% !important;
        height: auto !important;
    }
    .mid ul li .text {
        width: 100% !important;
    }
    .mid ul li .text .info2 {
        padding-top: 2rem !important;
    }

}
@media (min-width:992px){.c4 .col-md-3{width:29.1%}
.c4 .col-md-4{width:29.13%;padding:0}
.c4 .col-md-8{width:70.5%}
.c4 .col-md-9{width:70%}
}.navbar-brand img{max-width:100%;height:auto}
.top{width:100%;color:#a1a1a1;line-height:35px;background:#dcdcdc}
.logo{display:block}
.k1{line-height:35px;font-size:12px;color:#a1a1a1}
.k1 a{color:#a1a1a1}
.k2{float:left;line-height:35px;font-size:12px;color:#a1a1a1;font-family:"微软雅黑"}
.k2 a{color:#a1a1a1}
.k3{float:right}
.k3 .k3a{display:block;background:url(../../images/ss.png)no-repeat;width:18px;height:18px;margin-top:9px;outline:none;font-family:"微软雅黑"}
.k4{float:right}
.k4 .yya{background:url(../../images/xiala.png) 90px center no-repeat;text-align:center;color:#a1a1a1;cursor:pointer}
.k4 .yya2{display:block;text-align:center}
.search{text-align:left;padding:30px;position:relative;height:300px}
.hotSearch{height:30px;line-height:30px;font-weight:normal;margin-top:20px;font-size:14px}
.hotSearch a{display:block;color:#a1a1a1}
#formsearch input{background:#fff;border:1px solid #c8c8c8;outline:none}
#formsearch input#keyword{height:28px;line-height:28px;padding-left:4px;color:#666;width:430px}
#formsearch input#s_btn{width:70px;height:30px;line-height:30px;text-align:center;background-color:#035cac;color:#fff;border:none;cursor:pointer}
.k4{float:right;text-align:right;position:relative;z-index:9999;width:115px}
.th-head{position:absolute;left:0;top:0;z-index:999999;right:0;height:auto}
.logo{display:block;width:100%;height:100px}
.logo img{width:auto;height:90px;margin-top:5px}
@media (max-width:468px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:469px) and (max-width:768px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:768px) and (max-width:990px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}@media (min-width:991px) and (max-width:1200px){.logo img{height:70px;margin-top:15px}
.navBar2 .bignav h3 a{line-height:100px !important;font-size:1.6rem !important}
}.navBar2{z-index:1}
.navBar2 .bignav{height:98px !important;margin:0;padding:0;text-align:center;}
.navBar2 .bignav h3{font-weight:normal;margin:0px}
.navBar2 .bignav h3 span{display:block;width:100%;height:auto;line-height:2;color:#fcfcfc;font-size:1.4rem;}


.navBar2 .bignav .m{position:relative;display:inline;text-align:center;width: 13%;display: inline-table;}
.navBar2 .bignav .m:hover{}

.navBar2 .bignav .m:hover h3 a{background-image: linear-gradient(to right,#d4080b,#d4080b);background-position: bottom center;background-repeat: no-repeat;background-size: 40% 2px;}
.navBar2 .bignav h3 a{zoom:1;line-height:1 !important;display:block;color:#fff;font-size:1.8rem;position:relative;top:30px;}
.navBar2 .bignav .on h3 a{background-image: linear-gradient(to right,#d4080b,#d4080b);background-position: bottom center;background-repeat: no-repeat;background-size: 40% 2px;}
.navBar2 .bignav #m1 .sub{z-index:9999;width:200px;padding-top:45px}
.navBar2 .bignav #m2 .sub{z-index:1;width:1920px;left:-718px;padding-top:25px}
.navBar2 .bignav #m2 .sub ul{width:80%;margin:0 auto}
.navBar2 .bignav #m2 .sub ul li{float:left;text-align:center;list-style:none}
.navBar2 .bignav #m2 .sub ul li h3{display:block;font-size:18px;color:#c91b1b;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li img{width:91px;height:152px;margin-bottom:30px}
.navBar2 .bignav #m2 .sub ul li span{display:block;font-size:16px;color:#000000}
.navBar2 .bignav #m3 .sub{z-index:1;width:863px;left:-185px;padding-top:55px}
.navBar2 .bignav #m4 .sub{z-index:1;width:863px;left:-260px;padding-top:55px}
.navBar2 .bignav #m5 .sub{z-index:1;width:863px;left:-320px;padding-top:55px}
.navBar2 .bignav #m6 .sub{z-index:1;width:863px;left:-410px;padding-top:55px}
.navBar2 .bignav #m7 .sub{z-index:1;width:863px;left:-530px;padding-top:55px}
.navBar2 .bignav #m8 .sub{z-index:1;width:863px;left:-650px;padding-top:55px}
.navBar2 .bignav .sub{display:none;padding:10px 0;position:absolute;left:-10px;top:100px;float:left;line-height:30px;background:url(../../images/navbj.png)top repeat-x #ffffff;height:auto}
.navBar2 .bignav .sub .subl{width:200px;float:left;text-align:left;margin-left:54px}
.navBar2 .bignav .sub .subl h3{display:block;font-size:24px;color:#2b2b2b}
.navBar2 .bignav .sub .subl span{display:block;padding-top:15px;font-size:14px;color:#777777;line-height:24px;height:140px;overflow:hidden}
.navBar2 .bignav .sub .subr{width:279px;height:144px;float:right;text-align:left;margin-right:59px;color:#565656;font-size:24px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;line-height:24px}
.navBar2 .bignav .sub .subr img{width:279px;height:144px;margin-bottom:10px}
.navBar2 .bignav .sub dl{display:inline-block;*display:inline;zoom:1;vertical-align:top;width:165px;padding:0px 20px;height:230px}
.navBar2 .bignav .sub dl dt{border-bottom:1px solid #e5e5e5;font-size:16px;line-height:36px;text-align:left;text-indent:10px}
.navBar2 .bignav .sub dl dt a{display:block;color:#555555;font-weight:normal;font-family:"Microsoft YaHei"}
.navBar2 .bignav .sub dl dt a:hover{color:#c91b1b;background:url(../../images/navh.png) 105px center no-repeat}
@media (max-width:468px) {
    .navbar-brand {
        /* width: 60%; */
        width: 83%;
        display: block;
        text-align: center;
        overflow: hidden
    }

    .navbar-brand>img {
        height: auto;
        /* width: auto; */
        width: 100%;
        margin-top: 8px;

        display: block
    }

    #search-form {
        left: -0px !important;
        width: 100% !important
    }

    #toggle-search {
        margin-top: 17px !important
    }

    .navbar-toggle {
        margin-top: 17px !important
    }

    #search-form {
        max-height: 72px
    }
}@media (min-width:469px) and (max-width:768px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:auto;width:100%;display:block; margin-top: 8px;}
#search-form{left:-0px !important;width:100% !important}
}@media (min-width:768px) and (max-width:990px){.navbar-brand{width:80%;display:block;text-align:center;overflow:hidden}
.navbar-brand > img{height:90px;width:auto;display:block}
#search-form{left:-0px !important;width:100% !important}
}
@media(max-width: 992px) {
    .slideBox .bd {
        margin-top: unset !important;
    }
}
@media(max-width:768px) {
    .slideBox {
        margin-top: 20%;
    }
}@media(max-width:425px){.slideBox{margin-top:12%}
}@media(max-width:375px){.slideBox{margin-top:14%}
}@media(max-width:320px){.slideBox{margin-top:17%}
}.slideBox{width:100%;height:auto;overflow:hidden;position:relative;margin-top:0%}
.slideBox .bd{width:100%;height:100%;z-index:0; margin-top: 100px;}

.slideBox .bd ul{margin:0;padding:0}
.slideBox .bd ul li{zoom:1;vertical-align:middle;list-style:none;position:relative}
.slideBox .bd ul img{width:100%;display:block}
.slideBox .bd ul .zi{max-width:100%;width:auto;height:auto;position:absolute;top:30%;right:10%}
.slideBox .prev{position:absolute;top:50%;left:0;display:block;width:50px;height:75px;background:url(../../images/l.png)8px center no-repeat rgba(0,0,0,.4)}
.slideBox .next{position:absolute;top:50%;right:0;display:block;width:50px;height:75px;background:url(../../images/r.png)15px center no-repeat rgba(0,0,0,.4)}
.slideBox .prev:hover{background:url(../../images/l.png)8px center no-repeat rgba(0,0,0,.7)}
.slideBox .next:hover{background:url(../../images/r.png)15px center no-repeat rgba(0,0,0,.7)}


.slideBox .bd ul li .firtxt{position:absolute;left:10%;top:40%;max-width:50%;overflow:hidden;}
.slideBox .bd ul li .firtxt img{width:100%;height:100%;}


.slideBox .bd ul li .b5{height:60px;width:64px;position:absolute;bottom:2rem;left:45%;}

.slideBox .bd ul li .b5 img{max-width:100%;height:auto;display:block;margin:0 auto;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

.slideBox .bd ul img{width:100%;display:block}


@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.3); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.3);
            }
        }
    .ballon{
            -webkit-animation-name: scaleDraw; /*关键帧名称*/
            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
            -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
            -webkit-animation-duration: 60s; /*动画所花费的时间*/
        }














@media (max-width:768px){.slideBox .prev,.slideBox .next{top:25%}
}.innbj{width:100%;height:55px;background:#e8e8e8}
.m_wnews{position:relative;zoom:1;overflow:hidden}
.m_wnews strong{display:block;float:left;overflow:hidden;text-align:center;font-weight:normal;font-size:16px;color:#333333;line-height:55px}
.m_wnews div{padding-left:5px;font-size:14px;color:#666666;line-height:55px;height:55px}
.m_wnews div a{float:left;background:url(../../images/dhln.png)right center no-repeat;padding:0px 10px 0px 10px}
.m_wnews div span{font-size:14px;color:#c0c0c0;padding-left:15px;line-height:55px}
@media (max-width:768px){.m_wnews div span{display:none}
}.m_wnews .pagesize{position:absolute;right:0px;top:17px}
.m_wnews .pagesize a.prev{display:block;background:url(../../images/up.png) center no-repeat;width:29px;height:17px;float:left}
.m_wnews .pagesize a.next{display:block;background:url(../../images/down.png) center no-repeat;width:29px;height:17px;float:left;margin-left:4px}
.slideTxtBox{margin-top:18px;display:block}
.slideTxtBox .hd{}
.slideTxtBox .hd ul{margin:0;padding:0}
.slideTxtBox .hd ul li{list-style:none;font-size:16px;cursor:pointer;color:#666666;text-align:center;background:url(../../images/tab2.png)left 25px no-repeat;line-height:80px;position:relative}
.slideTxtBox .hd ul li span{position:absolute;display:none;width:17px;height:10px;left:50%;margin-left:-8px;bottom:-9px;background:url(../../images/san.png)center no-repeat}
.slideTxtBox .hd ul li:first-child{background:none}
@media (max-width:767px){.slideTxtBox .hd ul li:nth-child(4){background:none}
.slideTxtBox .hd ul li{line-height:50px;font-size:12px;text-align:left}
.col-xs-4{width:33.33333%}
}.slideTxtBox .hd ul li.on{background:url(../../images/probac.png) no-repeat center center;color:#fff}
.slideTxtBox .hd ul li.on a{color:#fff}
.slideTxtBox .hd ul li.on span{display:block}
.slideTxtBox .bd{width:100%;background:#f1f1f1}
.slideTxtBox .bd .container{padding:45px 35px 40px 35px}
.slideTxtBox .bd .bdl{text-align:left}
.slideTxtBox .bd .bdl p{font-size:14px;color:#7b7b7b;line-height:24px}
.slideTxtBox .bd .bdl p:nth-child(1){font-size:28px;color:#035cac;line-height:28px;display:block}
.slideTxtBox .bd .bdl p:nth-child(2){font-size:28px;color:#7b7b7b;line-height:28px;display:block;margin-top:17px;margin-bottom:40px}
.slideTxtBox .bd .bdl a{display:block;width:167px;height:44px;border:1px solid #dcdcdc;text-align:center;line-height:44px;font-size:14px;color:#7b7b7b;margin-top:35px;margin-bottom:10px}
.slideTxtBox .bd .bdr{overflow:hidden;text-align:right}
.slideTxtBox .bd .bdr img{width:100%}
.injssl{margin-top:61px}
.injssl ul{margin:0;padding:0}
.injssl li{list-style:none;text-align:center;margin-bottom:10px}
.injssl li div{padding:59px 0px;background:url(../../images/hui.png)repeat;transition:all 2s;cursor:pointer;height:374px}
.injssl li div .img{display:block;width:93px;height:93px;margin:0 auto;overflow:hidden;position:relative}
.injssl li div .img img{position:absolute;top:0;left:0}
.injssl li div h3{display:block;font-size:30px;font-weight:normal;margin-top:12px;color:#333333}
.injssl li div span{display:block;width:80%;margin:0 auto;font-size:14px;color:#333333;line-height:24px;margin-top:22px}
.injssl li:hover div{background:url(../../images/lan.png)repeat}
.injssl li:hover div h3 a{color:#fff}
.injssl li:hover div span{color:#fff}
.injssl li:hover div img{position:absolute;top:-93px;left:0}
.c3{width:100%;background:url(../../images/c3.jpg)no-repeat;background-size:cover;margin-top:93px;padding-bottom:140px}
.c3l h3{display:block;padding-top:120px;font-size:24px;color:#ffffff}
.c3l span{display:block;width:86%;font-size:16px;color:#ffffff;line-height:28px;margin-top:25px}
.c3l .c3more{display:block;width:176px;height:53px;text-align:center;line-height:53px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.27);font-size:14px;color:#ffffff;text-transform:uppercase;margin-top:60px}
.slideBox2{width:100%;height:100%;position:relative;margin-top:40px}
.slideBox2 .bd{z-index:0;width:100%;height:100%;overflow:hidden}
.slideBox2 .bd ul{margin:0;padding:0}
.slideBox2 .bd li{zoom:1;vertical-align:middle}
.slideBox2 .bd img{width:100%;height:100%;display:block;cursor:pointer;transition:all 2s}
.slideBox2 .bd img:hover{transform:scale(1.2)}
.slideBox2 .prev{display:block;width:65px;height:58px;background:url(../../images/l2.png)center no-repeat;position:absolute;bottom:-30px;right:120px}
.slideBox2 .next{display:block;width:65px;height:58px;background:url(../../images/r2.png)center no-repeat;position:absolute;bottom:-30px;right:52px}
#footer1{display:block;width:100%;background:#1b1f24;padding-bottom:40px}
#footer2{display:block;width:100%;background:#000000;height:auto;border-top:1px solid #333333}
#footer2 .f6{width:190px;float:right;color:#fff;font-size:1.6rem;line-height:2}
#footer2 .f6 img{width:190px;height:190px}
#footer3{display:block;width:100%;background:#000;height:auto;border-top:1px solid #111111;padding:20px 0px}
.ft1{font-size:16px;color:#cacaca;float:left;padding-top:64px}
.ft1 a{color:#cacaca}
#gotop{display:block;background:url(../../images/gtop.png)left center no-repeat;cursor:pointer;font-size:14px;color:#cacaca;padding-left:22px;width:85px;float:right;margin-top:57px}
.ft2{text-align:center;height:auto;padding-top:58px}
.ft2 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft2 p:nth-child(2){font-size:16px;color:#ffffff}
.ft22{width:1200px;margin:0 auto;text-align:center;height:auto;padding-top:58px}
.ft22 p:nth-child(1){font-size:28px;color:#ffffff;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}
.ft22 p:nth-child(2){font-size:16px;color:#ffffff}
.ft3{text-align:center;padding-top:80px;padding-bottom:90px}
.ft32{width:1200px;margin:0 auto;text-align:center;padding-top:80px;padding-bottom:90px}
.ft4{}
.ft4 li{float:left;padding:0 3%;text-align:left;width:17%}
.ft4 li:last-child{border-right:none}
.ft4 li h3{font-size:1.6rem;color:#ffffff;font-weight:normal}
.ft4 li h3 a{font-size:1.9rem;color:#ffffff;font-weight:normal;line-height:2;font-weight:bold}
.ft4 li .fsec{padding-top:7px}
.ft4  .pp2{width:30%}
.ft4  .pp2 .pp201{width:50%;float:left}
.ft4  .pp2 p{line-height:2;position:relative;top:1rem;color:#f1f1f1;font-size:1.4rem}
.ft4 li .fsec a{display:block;color:#fff;line-height:28px;font-size:1.6rem}
.ft42 ul{text-align:center}
.fc{width:22%}
@media (max-width:767px){.fc{width:80% !important}
}.ft42 li{display:inline-block;height:255px;padding:0 45px;text-align:left;border-right:1px solid #333333;vertical-align:top}
.ft42 li:last-child{border-right:none}
.ft42 li h3{font-size:14px;color:#ffffff;font-weight:normal}
.ft42 li .fsec{padding-top:7px}
.ft42 li .fsec a{display:block;font-size:12px;color:#838383;line-height:28px}
.ft5{height:auto;width:25%}
@media (max-width:767px){.ft5{height:auto;width:100%}
}.ft5 img{width:100%;height:100%}
.ft6{font-size:16px;color:#fff}
.ft6 a{color:#fff;float:right}
.ft6 p{display:inline}
.ft62{width:100%;margin:0 auto;text-align:center;font-size:12px;color:#666666;line-height:20px}
.ft62 p{display:inline}
.mfooter{display:block;text-align:center;background:#1b1f24;width:100%;padding-top:35px;border-top:3px solid #0055AC;padding-bottom:35px}
.mfooter ul{width:95%;margin:0 auto}
.mfooter ul li{font-size:16px;line-height:45px;border-bottom:1px solid #333333}
.mfooter ul li:last-child{margin-bottom:35px}
.gs{text-align:center}
.th-head{position:absolute;left:0;top:0;z-index:999999;right:0;height:auto}
.thHeadBox{position:relative;left:0;top:0;width:100%}
@media (max-width:990px){.th-head{position:relative !important}
}.atit{width:100%;height:230px;position:relative;padding:50px 10px}
.atit h1{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h1 a{color:#000;font-size:3.4rem;position:relative;text-align:center}
.atit h3{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit h3 a{font-size:2.4rem;color:#5c5959;font-weight:normal;text-align:center;line-height:3}
.atit .t1{display:block;width:12px;height:12px;margin:0 auto;background:#d9000b}
.atit span{display:block;line-height:100px;font-size:1.6rem;color:#000;font-weight:normal;position:relative;top:-10px;display:block;clear:both}
@media(max-width:469px){.th-head{position:relative !important}
.atit h1{font-size:4rem;position:relative;line-height:1}
.atit h3{font-size:3rem;width:100%;position:static;float:none;line-height:1.6}
.atit span{display:block;line-height:100px;font-size:1.6rem;position:static;float:none;line-height:2}
.atit  font{border-top:#c52103 4px solid}
}.ainfo{width:100%;clear:both;height:auto;margin:0 auto;padding-top:65px}
.ainfo p{width:85%;margin:0 auto;text-align:center;color:#fff;font-size:16px;line-height:2.2}
@media (max-width:1700px){.ft4 .pp2{display:none}
.ft4 li{width:100%}
.ft4 li .fsec{width:100%}
.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft4 li .fsec a{width:33.33333%;float:left}
.ft4 .f3{width:33.33333%;float:left}
.col-md-10{width:70%;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
}@media (max-width:1320px){.ft4 li .fsec p{text-align:center;color:#fff;font-size:1.6rem;position:relative;top:0rem;float:left}
.ft5{height:auto;width:30%;margin:0 auto;float:left;padding-top:2rem}
.ft6 p{text-align:center}
.ft5 p  img{float:none !important;margin:0 auto;margin-top:1rem}
.ftp5 p{text-align:center}
.ft4 .pp2{display:none}
}@media (max-width:1600px){.ft4 .pp2{display:none}
}.ab{min-height:60rem;background-size:100% !important}
.col-md-11{width:20%}
.col-md-11 .phone{display:block;padding-top:15px}
.col-md-11 .phone img{vertical-align:middle;max-width:100%}
.hovertreebottom{display:none}
@media (max-width:991px){.hovertreebottom{display:block}
}





/*关于我们PC选项卡*/
.about {
    width: 100%;
    height: auto;
    clear: both;
    background: url(../../images/about2.jpg) no-repeat left bottom;
    padding-bottom: 5rem
}

.about_info1 {
    clear: both;
    width: 100%;
    overflow: hidden;
}

.about_info1 .left {
    background: url(../../images/about.jpg) no-repeat right bottom;
    background-size: cover;
    width: 50%;
    height: 60vh;
    top: -10vh;
    right: 0px;
    float: right;
    position: absolute;
    overflow: hidden;
    z-index: 9999;
    padding: 7% 5%;
}

.about_info1 .left .text {
    width: 100%;
    height: auto;
    padding-top: 2vh;
}

.about_info1 .left .text p {
    /* text-indent: -3rem; */
    width: 100%;
    float: left;
    color: #000;
    font-size: 1.4rem;
    line-height: 1.8;
}

.about_info1.left .text p a {
    color: #000;
}

.about_info1 .left .text h3 {
    font-size: 1.8rem;
    line-height: 1.6;
    color: #000;
    font-weight: normal;
    text-align: left;
    margin-bottom: 2rem;
}

.about_info1 .right {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden;
    height: 50vh;
    top: 0vh;
}

.about_info1 .right img {
    width: 100%;
    height: 100%;
}

.about_info1 h3 {
    text-align: center
}

.about_info1 {
    width: 100%;
    height: 100%;
    background: url(../../images/3.jpg) no-repeat;
    background-size: 100% 100%
}

.about_info1 h3 {
    text-align: center
}
@media (max-width:990px){
.about_info1 .left{position:inherit;width:100%;height:auto;margin-top:2rem;}
.about_info1 .right{position:inherit;width:100%;height:auto;}
.about{background:none;}

.about_info1 .left .text h3{font-size:1.6rem;}

}

@media (min-width:991px) and (max-width:1320px){
.about .tit h1 a{display:block;width:100%;text-align:left;font-size:2.4rem;color:#000;display:inline-table;letter-spacing:1px;}
.about_info1 .left .text h3{font-size:1.6rem;}
.about{background:none;}
}




@media (min-width:1321px) and (max-width:1440px){

.about .tit h1 a{display:block;width:100%;text-align:left;font-size:2.8rem;color:#000;display:inline-table;letter-spacing:1px;}
.about_info1 .left .text h3{font-size:1.6rem;}
.about{background:none;}
}

@media (min-width:1441px) and (max-width:1600px){

.about .tit h1 a{display:block;width:100%;text-align:left;font-size:3rem;color:#000;display:inline-table;letter-spacing:1px;}
.about_info1 .left .text h3{font-size:1.6rem;}
.about{background:none;}
}

@media (max-width:1800px){
.loc{display:none;}
}










/*优势开始*/
.ys{width:100%;height:auto;clear:both;position:relative;padding:40px 0px;background-size:cover;}


.zh{width:100%;height:auto;position:relative;overflow:hidden;float:left;margin-top:10rem;clear:both;padding:0% 5%;}

.w-simgtext2 li{ float: left; width: 24%; *width:24.99%; min-width: 200px;border-right:solid #ccc 1px; }
.w-simgtext2 li:last-child{border:none;}

.w-simgtext2 li .item{position:relative; width:165px;  height:300px; margin: 0 auto; text-align: center;}
.w-simgtext2 li .s_img{max-width: 60px; max-height: 60px; margin:0 auto; overflow: hidden;}
.w-simgtext2 li .s_img img{ max-width: 100%; max-height: 100%;transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .line{ height: 1px; margin: 15px auto;}
.w-simgtext2 li .sigt1{position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; }
.w-simgtext2 li .sigt1 .bg{width:165px;  height: 165px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;border-radius: 50%; -webkit-border-radius: 50%;background:#0d4e9b; transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt1 .sigt_text{z-index: 1; left:0; right:0; padding:4em 8%;  transition: all 0.5s; -webkit-transition: all 0.5s; }

.w-simgtext2 li .sigt1 .sigt_text2{width:100%;height:auto; transition: all 0.5s; -webkit-transition: all 0.5s;margin-top: 2rem; }
.w-simgtext2 li .sigt1 .sigt_text2 h3{ font-size: 2rem; color:#000;line-height:3;}
.w-simgtext2 li .sigt1 .sigt_text2 p{ font-size: 1.4rem; color:#333 }

:root .w-simgtext2 li .sigt1 .sigt_text{ top:50%;}
.w-simgtext2 li .sigt1 h3{ font-size: 2px; color:#333; }
.w-simgtext2 li .sigt2{position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; color:#fff; }
.w-simgtext2 li .sigt2 .bg{width:165px;  height: 165px; position: absolute; left: 0; right: 0; top: 0; bottom: 0;border-radius: 50%; -webkit-border-radius: 50%; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); transform: scale(0.7); -webkit-transform: scale(0.7); transition: all 0.5s; -webkit-transition: all 0.5s; background:none;border:solid #fff 3px;opacity:0.3}
.w-simgtext2 li .sigt2 .sigt_text{position: absolute; z-index: 1; left:0; right:0; padding:1em 8%; top:50%; top:15%\9; *top:15%; transform:translateY(-50%); -webkit-transform:translateY(-50%);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);transition: all 0.5s; -webkit-transition: all 0.5s; }
:root .w-simgtext2 li .sigt2 .sigt_text{ top:27%;}
.w-simgtext2 li .sigt2 .s_img img{ transform: translateX(100%); -webkit-transform: translateX(100%);transition: all 0.5s; -webkit-transition: all 0.5s;}
.w-simgtext2 li .sigt2 .line{width: 0; background: #fff;transition: all 0.5s; -webkit-transition: all 0.5s; }
.w-simgtext2 li .sigt2 h3{ font-size: 16px; color:#fff; }
.w-simgtext2 li a:hover .sigt1 .bg{transform: scale(1.3); -webkit-transform: scale(1.3);opacity:0; *filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.w-simgtext2 li a:hover .sigt1 .s_img img{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.w-simgtext2 li a:hover .sigt2 .s_img img{ transform: translateX(0); -webkit-transform: translateX(0);}
.w-simgtext2 li a:hover .sigt2 .line{ width: 80px; }
.w-simgtext2 li a:hover .sigt2 .bg{transform: scale(1); -webkit-transform: scale(1);background:#d4080b;opacity:1}
.w-simgtext2 li a:hover .sigt2 .sigt_text{opacity:1; *filter:alpha(opacity=100); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);}

@media (max-width:468px){
.zh{padding:0% 0%;}
.w-simgtext2 li{width: 49.5%;padding-top:2rem;min-width: 150px;}
.w-simgtext2 li:nth-child(1),.w-simgtext2 li:nth-child(2){border-bottom:solid #ccc 1px;}
.w-simgtext2 li:nth-child(even){border-right:none;}
.w-simgtext2 li .sigt1 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .sigt2 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .item{width:140px;  height: 280px;}
.w-simgtext2 li .sigt1 .sigt_text {padding: 3em 8%;}
:root .w-simgtext2 li .sigt2 .sigt_text {top: 25%}
.mid {padding: 2rem 0rem !important;}
.mid ul .left li:nth-child(1) {margin-top: 2rem !important;}
.product2 {padding: 2rem 0rem !important;}
.lc { padding: 2rem 0rem  !important;}
.tit4 li {width: 120px !important;}
.news .left .img .text h2:nth-child(2) { margin-top: 2rem !important;}
.news { padding:2rem 0rem 2rem 0rem !important;}
.about_info1 .left .text h3 { line-height: 1.4 !important;}
.ys { padding: 0rem 0rem 1rem 0rem !important;}
.zh {margin-top: 5rem !important;}
.about {padding-bottom: 2rem !important;}
}

@media (min-width:469px) and (max-width:768px){
.zh{padding:0% 0%;}
.w-simgtext2 li{width: 49.5%;padding-top:2rem;}
.w-simgtext2 li:nth-child(1),.w-simgtext2 li:nth-child(2){border-bottom:solid #ccc 1px;}
.w-simgtext2 li:nth-child(even){border-right:none;}
.w-simgtext2 li .sigt1 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .sigt2 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .item{width:140px;  height: 280px;}
.w-simgtext2 li .sigt1 .sigt_text {padding: 3em 8%;}
:root .w-simgtext2 li .sigt2 .sigt_text {top: 25%}
}
@media (min-width:769px) and (max-width:990px){
.zh{padding:0% 0%;}
.w-simgtext2 li{width: 49.5%;padding-top:2rem;}
.w-simgtext2 li:nth-child(1),.w-simgtext2 li:nth-child(2){border-bottom:solid #ccc 1px;}
.w-simgtext2 li:nth-child(even){border-right:none;}
.w-simgtext2 li .sigt1 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .sigt2 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .item{width:140px;  height: 280px;}
.w-simgtext2 li .sigt1 .sigt_text {padding: 3em 8%;}
:root .w-simgtext2 li .sigt2 .sigt_text {top: 23%}
}

@media (min-width:991px) and (max-width:1080px){
.zh{padding:0% 0%;}
.w-simgtext2 li{width: 49.5%;padding-top:2rem;}
.w-simgtext2 li:nth-child(1),.w-simgtext2 li:nth-child(2){border-bottom:solid #ccc 1px;}
.w-simgtext2 li:nth-child(even){border-right:none;}
.w-simgtext2 li .sigt1 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .sigt2 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .item{width:140px;  height: 280px;}
.w-simgtext2 li .sigt1 .sigt_text {padding: 3em 8%;}
:root .w-simgtext2 li .sigt2 .sigt_text {top: 23%}
}
@media (min-width:1081px) and (max-width:1320px){
.zh{padding:0% 0%;}
.w-simgtext2 li .sigt1 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .sigt2 .bg{width:140px;  height: 140px;}
.w-simgtext2 li .item{width:140px;  height: 280px;}
.w-simgtext2 li .sigt1 .sigt_text {padding: 3em 8%;}
:root .w-simgtext2 li .sigt2 .sigt_text {top: 23%}
}
@media (min-width:1321px) and (max-width:1440px){
.zh{padding:0% 0%;}
}



/*产品中心*/
.product{width:100%;height:auto;clear:both;background:url(../../images/p1.jpg) no-repeat left bottom;padding:10rem 0rem;background-size: cover;}

.product .pro_right{width:100%;height:auto;float:right;position:relative;}

.product .owl-pagination{display:none;}
.product .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.product .owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y;clear:both;}
.product .owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.product .owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%;top: 3rem;}
.product .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.product .owl-carousel .owl-item{float:left;transition:all 0.6s;padding:5px;}

.product .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.product .owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.product .grabbing{cursor:url(../../images/grabbing.png) 8 8,move}
.product .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.product .owl-theme .owl-controls{text-align:center;position: absolute;top: 0px;right: 0px;top: -3rem;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:2rem;background:#d7d7d7;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:2rem;background:#b92022;}




.product .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.product .owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.product .owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}
.product .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.product .owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.product .owl-item.loading{min-height:150px;background:url(../../images/ajaxloader.gif) no-repeat center center}
#owl-demo .item{margin: 3px;border-radius: 10px;overflow:hidden;background:#fff;padding: 15%;position:relative;}
#owl-demo .item img{display: block;height: auto;max-width:100%;}
#owl-demo .item h1{color:#222;font-size:2.6rem;width:100%;line-height:1;font-weight:normal;position:relative;z-index:11}
#owl-demo .item h2{color:#000;font-size:2rem;width:100%;line-height:2;font-weight:normal;position:relative;z-index:11;width:100%;text-align:center;margin-top:2rem;}
#owl-demo .item h3{color:#333;font-size:1.6rem;width:100%;line-height: 1.2;font-weight:normal;position:relative;z-index:11;width:100%;text-align:center;margin-bottom:3rem;height: 3rem;}



 
#owl-demo .item .img{ width:100px; margin:0 auto; position:relative; display:block;border:solid #000 1px;border-radius:50%;overflow:hidden;margin:0 auto;position:relative;z-index:11}
#owl-demo .item .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(100px 0 #fff); -webkit-filter: drop-shadow(100px 0 #fff);transition:all 1s}
#owl-demo .item:hover .img img{transform: translate(-100px, 0);-webkit-transform: translate(-100px, 0);-ms-transform: translate(-100px, 0);-o-transform: translate(-100px, 0);transition:all 1s}
#owl-demo .item:hover .img{background:#d4080b;border:solid #d4080b 1px;}







.pmore{width:165px;height:55px;background:#c5c5c5;position:relative;clear: both;margin:0 auto;transition:all 0.8s;border-radius:10px;display:flex}
.pmore a{display:block;width:100%;height:100%;color:#fff;position:absolute;left:0px;top:0px;font-size:1.5rem;letter-spacing:1px;text-align:center;transition:all 0.8s;border-radius:10px;line-height: 1.4;padding: 2% 0%;}
.pmore:hover{background:#d4080b;transition:all 0.8s;}
.pmore:hover a{background:#0d4e9b;transition:all 0.8s;position:absolute;left:-7px;top:-7px;}

#owl-demo .item:hover .pmore{background:#d4080b;transition:all 0.8s;}
#owl-demo .item:hover .pmore a{background:#0d4e9b;transition:all 0.8s;position:absolute;left:-7px;top:-7px;}






@media (max-width:468px){
.product{padding:5rem 0rem 10rem 0rem;}
/* .mm{padding:3rem 0rem;} */
.mm{padding:0rem 0rem;}
.product .pro_right{width:100%;}
.product .pro_right_info{clear:both;}
.product .owl-theme .owl-controls {position:relative;top: 5rem;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
#owl-demo .item{margin: 7%}

}
@media (min-width:469px) and (max-width:768px){
.product{padding:5rem 0rem 10rem 0rem;}
.mm{padding:3rem 0rem;}
.product .pro_right{width:100%;}
.product .pro_right_info{clear:both;}

.product .owl-theme .owl-controls {position:relative;top: 5rem;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
}
@media (min-width:769px) and (max-width:990px){
.product{padding:5rem 0rem 10rem 0rem;}
.mm{padding:3rem 0rem;}
.product .pro_right{width:100%;}
.product .pro_right_info{clear:both;}
.product .owl-theme .owl-controls {position:relative;top: 5rem;}
.product .owl-theme .owl-controls .owl-buttons .owl-prev{padding:3px 20px;}
.product .owl-theme .owl-controls .owl-buttons .owl-next{padding:3px 20px;}
}



/*产品中心*/
.product2{width:100%;height:auto;clear:both;background:url(../../images/product2.jpg) no-repeat left bottom;padding:10rem 0rem;background-size: cover;}

.product2 .pcs{width:100%;height:auto;clear:both}
.product2 .pcs li{width:18%;margin:3% 1% 0% 1%;float:left;background:#d6d6d6;position:relative;border-radius:10px;overflow:hidden}
.product2 .pcs li a{display:block;width:100%;height:auto;transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}
.product2 .pcs li a img{width:100%;height:auto;transition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}

.product2 .pcs li a .text{width:100%;height:30%;position:absolute;left:0px;bottom:-50%;transition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}
.product2 .pcs li a h1{position:absolute;left:0px;bottom:0px;display:block;width:100%;margin:0 auto;line-height:1.4;font-size:1.6rem;color:#fff;padding:10px 5px;font-weight:normal;transition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}
.product2 .pcs li:hover a .text{background:url(../../images/pcs.png) no-repeat center center;height:100%;width:100%;left:0%;top:0%;transition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}
.product2 .pcs li:hover a .text h1{bottom:0px;background:#d4080b;text-align:center;border:none;mtransition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}

/* .product2 .pcs li:nth-child(4),.product2 .pcs li:nth-child(5){width:48%}
.product2 .pcs li:nth-child(6){display:none} */



.product2 .pcs li:hover a img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);transition:all 1s ease;-moz-transition:all .1s ease;-webkit-transition:all 1s ease;-o-transition:all 1s ease}
.btn-1{transition:all .25s ease;-moz-transition:all .25s ease;-webkit-transition:all .25s ease;-o-transition:all .25s ease}
.btn-1:hover{transform:translate(12px,-12px);-webkit-box-shadow:#666 0px 0px 10px;-moz-box-shadow:#666 0px 0px 10px;box-shadow:#666 0px 0px 10px}

@media (max-width:468px){

.product2 .pcs li{width:96%;margin:5% 2% 0% 2%;}
.product .pro_right .pro_right_fl li { min-width: 15%;  padding: 0% 3%;}
.product2 .pcs li:hover a .text h1{margin-top:10%;}
.product2 .pcs li a h1 { font-size: 1.4rem;}
.product2 .pcs li:nth-child(4),.product2 .pcs li:nth-child(5),.product2 .pcs li:nth-child(6){display:none;}
}
@media (min-width:469px) and (max-width:768px){
.product2 .pcs li{width:96%;margin:5% 2% 0% 2%;}
.product .pro_right .pro_right_fl li { min-width: 15%;  padding: 0% 3%;}
.product2 .pcs li:hover a .text h1{margin-top:10%;}
.product2 .pcs li a h1 { font-size: 1.4rem;}
.product2 .pcs li:nth-child(4),.product2 .pcs li:nth-child(5),.product2 .pcs li:nth-child(6){display:none;}
}
@media (min-width:769px) and (max-width:990px){
.product2 .pcs li:nth-child(4),.product2 .pcs li:nth-child(5){width:46%}
.product2 .pcs li{width:46%;margin:5% 2% 0% 2%;}
.product .pro_right .pro_right_fl li { min-width: 15%;  padding: 0% 3%;}
.product2 .pcs li a h1 { font-size: 1.4rem;}

.product2 .pcs li:nth-child(6){display:block}
}

@media (min-width:991px) and (max-width:1400px){
.product2 .pcs li:nth-child(4),.product2 .pcs li:nth-child(5){width:31.333%}
.product2 .pcs li{width:31.333%;margin:5% 1% 0% 1%;}
.product .pro_right .pro_right_fl li { min-width: 15%;  padding: 0% 3%;}

.product2 .pcs li:nth-child(6){display:block}
}



/*优势*/
.mid{width:100%;height:auto;clear:both;padding:10rem 0rem;}
.mid ul {width:100%;height:auto;}
.mid ul .left{width:45%;float:left;}
.mid ul .right{width:45%;float:left;}
.mid ul .mmd{width:10%;float:left;margin-top:3rem;}
.mid ul .xian{width:100%;float:left;text-align:center;}
.mid ul .xian img{max-width:100%;height:auto;display:block;margin: auto;}
.mid ul li{width:100%;float:left;margin-top:3rem;}
.mid ul li .img{width:100%;height:auto;}
.mid ul .left li:nth-child(1){margin-top: 2rem;}
.mid ul li .text{width:100%;height:auto;border:solid #7f7f7f 1px;padding: 2.5% 5% 2.5% 10%;position: relative; float: left;}
.mid ul li .text .info{width:100%;height:auto;position: relative; float: left;}
.mid ul li .text h4{width:75%;float:right;font-size:3rem;color:#0d4e9b;display:block;background:url(../../images/y5.png) no-repeat center bottom;letter-spacing:2px;line-height: 2;padding-left: 5%;}
.mid ul li .text h4 font{color:#000;font-weight:normal;}
.mid ul li .xh{width:25%;height:auto;position:relative;overflow:hidden;float: left;position:absolute;top:-7rem;left: 0rem;display:block;}

.mid ul li .xh span{ width:115px; margin:0 auto; position:relative; overflow:hidden;display:block;}
.mid ul li .xh span img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(115px 0 #d4080b); -webkit-filter: drop-shadow(115px 0 #d4080b);transition:all 1s}
.mid ul li:hover .xh span img{transform: translate(-115px, 0);-webkit-transform: translate(-115px, 0);-ms-transform: translate(-115px, 0);-o-transform: translate(-115px, 0);transition:all 1s}

.mid ul li .xh p{position:absolute;top:0px;left:0px;text-align:center;color:#fff;font-size:5.3rem;font-weight:bold;line-height:1.7;width:100%;background-image: linear-gradient(to right,#fff,#fff); background-position:bottom center; background-repeat: no-repeat; background-size: 20% 3px;}

.mid ul li .text .info2{clear:both;width:100%;height:auto;position: relative; float: left;padding-top:4rem;}
.mid ul li .text .info2 .img2{width:5%;float:left;display:block;}
.mid ul li .text .info2 p{width:93%;float:right;color:#757575;font-size:1.4rem;letter-spacing:1px;line-height:1.6;}



@media (max-width:468px){
.mid ul .left{width:100%;float:left;}
.mid ul .right{width:100%;float:left;}
.mid ul .mmd {display:none;}
.mid ul li{width:98%;margin:1%;}
.mid ul li .xh span{display:none;}
.mid ul li .text h4{width:100%;font-size: 2.5rem;line-height: 2.2;}
.mid ul li .text {padding: 0 5% 5% 5%;}
}
@media (min-width:469px) and (max-width:768px){
.mid ul .left{width:100%;float:left;}
.mid ul .right{width:100%;float:left;}
.mid ul .mmd {display:none;}
.mid ul li{width:98%;margin:1%;}
.mid ul li .xh span{display:none;}
.mid ul li .text h4{width:100%;font-size:2.4rem;line-height:2}
.mid ul li .text {padding: 0 5% 5% 5%;}
}
@media (min-width:769px) and (max-width:990px){
.mid ul .left{width:48%;margin:1%;float:left;}
.mid ul .right{width:48%;margin:1%;float:left;}
.mid ul .mmd {display:none;}
.mid ul li{width:98%;margin:1%;}
.mid ul li .xh span{display:none;}
.mid ul li .text h4{width:100%;font-size:2.4rem;line-height:2}
.mid ul li .text {padding: 0 5% 5% 5%;}
.mid ul .left li:nth-child(1){margin-top: 2rem;}
}
@media (min-width:991px) and (max-width:1200px){
.mid ul .left{width:48%;margin:1%;float:left;}
.mid ul .right{width:48%;margin:1%;float:left;}
.mid ul .mmd {display:none;}
.mid ul li .text h4{font-size:2.4rem;}
.mid ul li .text {padding: 0 5% 5% 5%;}
.mid ul .left li:nth-child(1){margin-top: 2rem;}
}
@media (min-width:1201px) and (max-width:1440px){
.mid ul .left{width:48%;margin:1%;float:left;}
.mid ul .right{width:48%;margin:1%;float:left;}
.mid ul .mmd {display:none;}
.mid ul li .text h4{font-size:3rem;}
.mid ul li .text {padding: 0 5% 5% 5%;}
.mid ul .left li:nth-child(1){margin-top: 8rem;}
}


/*服务流程*/
.lc{width:100%;height:auto;clear:both;padding:5rem 0rem;position:relative;background:url(../../images/lc.jpg) no-repeat no-repeat top;background-size:cover;}
.lc ul{width:100%;height:auto;overflow:hidden;padding:5rem 0rem;}
.lc ul li{width:10.5%;margin:1%;float:left;overflow:hidden;}
.lc ul li .nic{width:80%;border-radius:10px;background:#ffffff;position:relative;padding: 20% 0%;min-height:30vh;transition:all 1s}
.lc ul li .nic h1{word-wrap: break-word;word-break: break-all;width: 20px;color:#000;font-size:2rem;margin: 0 auto;padding: 16% 0% 0% 0%;transition:all 1s}
.lc ul li .nic .jt{width: 0; height: 0; border-top: 25px solid transparent;  border-left: 25px solid #ffffff;  border-bottom: 25px solid transparent;position:absolute;top:42%;right:-10%;transition:all 1s}
.lc ul li .nic .img{ width:50px; margin:0 auto; position:relative; overflow:hidden;display:block;}
.lc ul li .nic .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(50px 0 #fff); -webkit-filter: drop-shadow(50px 0 #fff);transition:all 1s}
.lc ul li:hover .nic .img img{transform: translate(-50px, 0);-webkit-transform: translate(-50px, 0);-ms-transform: translate(-50px, 0);-o-transform: translate(-50px, 0);transition:all 1s}
.lc ul li:hover .nic{background:#d4080b;transition:all 1s}
.lc ul li:hover .nic h1{color:#fff;transition:all 1s}
.lc ul li:hover .nic .jt{border-left: 25px solid #d4080b;transition:all 1s}

@media (max-width:468px){
.lc ul li{width:23%;}
}
@media (min-width:469px) and (max-width:768px){
.lc ul li{width:23%;}
}
@media (min-width:769px) and (max-width:990px){
.lc ul li{width:23%;}
.lc ul li .nic{min-height:32vh;}
}
@media (min-width:991px) and (max-width:1200px){

.lc ul li .nic{min-height:30vh;width:90%}
}















/*新闻资讯*/

.tit4 {
    width: 100%;
    height: auto;
    text-align: center;
    float: right;
    margin-top: 5rem;
}

.tit4 li {
    width: 165px;
    height: 55px;
    background: #c5c5c5;
    position: relative;
    transition: all 0.8s;
    display: inline-table;
    margin: 0 1%;
}

.tit4 li a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 1.6rem;
    text-align: center;
    transition: all 0.8s;
    padding: 5% 0%;
}

.tit4 li:hover {
    background: #d4080b;
    transition: all 0.8s;
}

.tit4 li:hover a {
    background: #0d4e9b;
    transition: all 0.8s;
    position: absolute;
    left: -7px;
    top: -7px;
}



.news {
    width: 100%;
    height: auto;
    clear: both;
    padding: 5rem 0rem;
    position: relative;
    padding: 5rem 0rem 10rem 0rem;
}

.news .mm {
    padding: 5rem 0rem;
}

.news .left {
    width: 50%;
    float: left;
    overflow: hidden;
    height: 40vh;
    position: relative;
}

.news .left .img {
    width: 100%;
    height: 25vh;
    overflow: hidden;
    position: relative;
    display: block;
}

.news .left .img img {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    width: 100%;
    height: 100%;
}

.news .left .img .text {
    width: 30%;
    height: 100%;
    background: rgba(13, 78, 155, 0.6);
    position: absolute;
    left: 0px;
    top: 0px;
    padding: 5%
}

.news .left .img .text h2 {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 2;
    font-size: 2rem;
    letter-spacing: 2px;
}

.news .left .img .text h2:nth-child(2) {
    margin-top: 5rem;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0px;
}

.news .left .img .text p {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    line-height: 2;
    font-size: 1.4rem;
    font-weight: normal;
    letter-spacing: 1px;
}



.news .left:hover a img {
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.news .left .text2 {
    width: 100%;
    height: 15vh;
    overflow: hidden;
    position: relative;
    display: block;
}

.news .left .text2 h1 {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
}

.news .left .text2 h1 a {
    color: #000;
    font-size: 2rem;
    line-height: 3
}

.news .left .text2 p {
    color: #333;
    font-size: 1.4rem;
    line-height: 1.6;
}

.news .right {
    width: 48%;
    float: right;
    height: 40vh;
}

.news .right ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.news .right ul li {
    width: 100%;
    clear: both;
    height: 11.3333vh;
    margin-bottom: 1vh;
    padding: 2% 0;
    border-bottom: solid #cdcccc 1px;
    color: #141414;
}

.news .right ul li .n1 {
    width: 20%;
    height: 100%;
    color: #333;
    font-size: 1.6rem;
    text-align: center;
    float: left;
    padding: 10px 0px
}

.news .right ul li .n1 span {
    text-align: center;
    color: #000;
    font-size: 3rem;
    font-weight: bold;
    line-height: 3rem;
}

.news .right ul li .n2 {
    width: 80%;
    font-size: 1.8rem;
    float: left;
    height: 100%
}

.news .right ul li .n2 h1 a {
    width: 95%;
    float: right;
    text-align: left;
    font-size: 1.8rem;
    color: #000;
    line-height: 1.8;
    font-weight: normal;
}

.news .right ul li .n2 p {
    width: 95%;
    float: right;
    text-align: left;
    font-size: 1.3rem;
    color: #666;
    line-height: 1.4;
    margin-top: 1rem;
    text-indent: -2rem;
}

.news .right ul li:hover {
    background: #f9f9f9;
    box-shadow: 10px 10px 10px #ccc;
}

.news .right ul li .n2 img {
    max-width: 100%;
    width: auto;
    height: 100%;
}
/* .news .right ul li:last-child{display:none;} */
@media(max-width: 1200px) {
    .news .right ul li .n1 span {
        font-size: 2.1rem;
    }
}
@media(max-width: 768px) {
    .news .right ul li .n1 {
        padding: 3px 0;
    }
    .news .left .text2 h1 a {
        font-size: 1.7rem;
        line-height: 3rem;
    } 
    .tit4 {
        margin-top: 0;
    }
}
@media (max-width:468px) {
    .news .left .img .text {
        width: 50%;
    }

    .news .mm {
        padding: 2rem 0rem 0rem 0rem;
    }

    .news .left {
        width: 100%;
        height: auto;
    }

    .news .right {
        width: 100%;
        float: none;
        /* padding-top: 2rem; */
        clear: both;
    }

    .news .right ul li {
        min-height: 15vh;
        height: auto;
    }
    /* 新增 */
    .news .left .text2{height: unset;}
}
@media (min-width:469px) and (max-width:768px){
.news .left .img .text{width:50%;}
.news .mm {padding: 5rem 0rem 0rem 0rem;}
.news .left{width:100%;height:auto;}
.news .right{width:100%;float:none;padding-top:2rem;clear:both;}
.news .right ul li{min-height:15vh;height:auto;}
/* 新增 */

.news .right ul li .n2 h1 a{line-height: 4vh;}
.news .right ul li{height: 6vh;min-height: 6vh;}
.news .right{height: unset;}
}
@media (min-width:769px) and (max-width:990px){
.news .mm {padding: 5rem 0rem 0rem 0rem;}
.news .left{width:100%;height:auto;}
.news .right{width:100%;float:none;padding-top:2rem;clear:both;}
/* .news .right ul li{min-height:15vh;height:auto;} */
/* 新增 */
.news .right ul li{min-height:9vh;height:auto;}

.news .right{height: unset;}


}

@media (min-width:991px) and (max-width:1320px){
.news .right ul li{height:13.3333vh}
.news .left{height:46vh;}
.news .left .text2{height:21vh;}
.news .right{height:46vh;}
.news .right ul li .n1 span{display:block;clear:both;}

}
